/* ================== IPR/VAP FONTS ================== */
/*
 * Copyright (C) 2018 IPR Praha - All Rights Reserved
 */
/* ================== CREATE TTF FILE INSTRUCTIONS ================== */
/*
 * 1. open vapfonts.svg in Inkscape
 * 2. draw a new icon
 * 3. on menu select "Courve" menu and click "Union"
 * 4. select object
 * 5. go to font editor and select "font 1"
 * 6. open "Glyphs" tab and click "Add Glyph"
 * 7. type glyph name and matching string
 * 8. select a new glyph row and click "Get courve from selection" (all parts of an icon must transformed into curves)
 * 9. in "Preview Text" type the matching string - icon should appear in preview
 * 10. save svg document
 *
 * 11. open a browser and copy this link: https://onlinefontconverter.com
 * 12. using this application convert svg to ttf, eot, woff or other types
 * 13. add css styles to a new icons in this README.txt file
 */
/* ================== POSSIBLE USAGE ================== */
/*
 * 1. create vapfonts.css file
 * 2. add css content like below
 * 3. in HTML file add a tag with appropriate classes
 *
 * chart icon example:
 * <span class="vapfonts vapfonts-chart"></span>
 */
@font-face {
    font-family: "default";
    src: url(./fonts/vapfonts/vapfonts.eot),
        url(./fonts/vapfonts/vapfonts.woff) format("woff"),
        url(./fonts/vapfonts/vapfonts.ttf) format("truetype");
}
.vapfonts {
    color: #000;
    font-family: "default";
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
}

.vapfonts-pie-chart:before {
    content: "a";
    font-size: 18px;
}

.vapfonts-chart:before {
    content: "b";
    font-size: 18px;
}

.vapfonts-layers:before {
    content: "c";
    font-size: 18px;
}

.vapfonts-list:before {
    content: "d";
    font-size: 18px;
}

.vapfonts-print:before {
    content: "e";
    font-size: 18px;
}

.vapfonts-info:before {
    content: "f";
    font-size: 16px;
}

.vapfonts-basemaps:before {
    content: "g";
    font-size: 18px;
}

.vapfonts-measure:before {
    content: "h";
    font-size: 18px;
}

.vapfonts-menu:before {
    content: "i";
    font-size: 22px;
}

.vapfonts-edit:before {
    content: "t";
    font-size: 18px;
}

.vapfonts-search:before {
    content: "k";
    font-size: 18px;
}

.vapfonts-close:before {
    content: "j";
    font-size: 12px;
}

.vapfonts-close-big:before {
    content: "j";
    font-size: 20px;
}

.vapfonts-arrow-right:before {
    content: "l";
    font-size: 12px;
}

.vapfonts-arrow-bottom:before {
    content: "m";
    font-size: 12px;
}

.vapfonts-arrow-left:before {
    content: "n";
    font-size: 12px;
}

.vapfonts-arrow-up:before {
    content: "o";
    font-size: 12px;
}

.vapfonts-checkbox-checked:before {
    content: "p";
    font-size: 18px;
    color: #ccc;
}

.vapfonts-checkbox-unchecked:before {
    content: "q";
    font-size: 18px;
    color: #ccc;
}

.vapfonts-radiobutton-checked:before {
    content: "r";
    font-size: 18px;
    color: #ccc;
}

.vapfonts-radiobutton-unchecked:before {
    content: "s";
    font-size: 18px;
    color: #ccc;
}

@font-face {
    font-family: "OpenSans-Regular";
    font-style: normal;
    font-weight: normal;
    src: url(./fonts/opensans/OpenSans-Regular.eot),
        url(./fonts/opensans/OpenSans-Regular.woff) format("woff"),
        url(./fonts/opensans/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "UnitPro";
    font-style: normal;
    font-weight: normal;
    src: url(./fonts/unitpro/UnitPro.eot),
        url(./fonts/unitpro/UnitPro.woff) format("woff"),
        url(./fonts/unitpro/UnitPro.ttf) format("truetype");
}
@font-face {
    font-family: "Avenir Next W00";
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_400.eot?#iefix);
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_400.eot?#iefix)
            format("eot"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_400.woff2) format("woff2"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_400.woff) format("woff"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_400.ttf) format("truetype"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_400.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Avenir Next W00";
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot?#iefix);
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.eot?#iefix)
            format("eot"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff2)
            format("woff2"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.woff)
            format("woff"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.ttf)
            format("truetype"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_400.svg)
            format("svg");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Avenir Next W00";
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_600.eot?#iefix);
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_600.eot?#iefix)
            format("eot"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_600.woff2) format("woff2"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_600.woff) format("woff"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_600.ttf) format("truetype"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_600.svg) format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Avenir Next W00";
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot?#iefix);
    src: url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.eot?#iefix)
            format("eot"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff2)
            format("woff2"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.woff)
            format("woff"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.ttf)
            format("truetype"),
        url(../css/fonts/avenir-next/Avenir_Next_W00_Italic_600.svg)
            format("svg");
    font-weight: 600;
    font-style: italic;
}
html,
body {
    position: fixed;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden;
    margin: 0;
}

body {
    font-size: 14px;
    line-height: 1.4;
    color: #141414;
    background-color: #fff;
    font-family: "Avenir Next W00", "Avenir Next", Avenir;
    -webkit-font-smoothing: subpixel-antialiased;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #141414 #fff;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-thumb {
    background-color: #141414;
}

*::-webkit-scrollbar-track {
    background-color: #fff;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

[role="button"] {
    cursor: pointer;
}

.btn {
    white-space: nowrap;
    cursor: pointer;
}

li {
    list-style-type: none;
}

.show-desktop {
    display: none;
}
@media screen and (min-width: 1025px) {
    .show-desktop {
        display: block;
    }
}

.hidden-tablet {
    display: none;
}
@media screen and (max-width: 1024px) {
    .hidden-tablet {
        display: block;
    }
}

.hidden-mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .hidden-mobile {
        display: block;
    }
}

.show-tablet {
    display: block;
}
@media screen and (max-width: 767px) {
    .show-tablet {
        display: none;
    }
}

.animated {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 0, 0) scale(0.5);
        transform: translate3d(-200%, 0, 0) scale(0.5);
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 0, 0) scale(0.5);
        transform: translate3d(-200%, 0, 0) scale(0.5);
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 0, 0) scale(0.5);
        transform: translate3d(-200%, 0, 0) scale(0.5);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 0, 0) scale(0.5);
        transform: translate3d(-200%, 0, 0) scale(0.5);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.esri-feature__main-container .table {
    table-layout: fixed;
}

/* TITLEEE */
.calcite-navbar {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 1;
    height: 70px;
    font-family: "UnitPro";
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    z-index: 99;
}
@media screen and (max-width: 767px) {
    .calcite-navbar {
        height: 50px;
    }
}

.calcite-title-divider {
    position: relative;
    top: -3px;
    left: 0;
    height: 35px;
    margin: 0px 15px 0 7px;
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform-origin: left;
    transform-origin: left;
    border-left: 1px solid;
    color: #f8f8f8;
    opacity: 0.75;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
}

.calcite-title,
.calcite-dropdown {
    position: relative;
    left: -45px;
    -webkit-transition: left 0.4s;
    transition: left 0.4s;
    padding-left: 18px;
}

.calcite-title-sub img {
    width: 150px;
    -webkit-filter: invert(1);
    filter: invert(1);
}
@media screen and (max-width: 767px) {
    .calcite-title-sub img {
        width: 130px;
    }
}
@media screen and (max-width: 767px) {
    .calcite-title-sub {
        width: 100%;
    }
}

.calcite-navbar.calcite-text-light .calcite-title-main {
    color: #fff;
    text-align: center;
}

.calcite-navbar.calcite-text-light .calcite-dropdown-toggle span,
.calcite-navbar.calcite-text-light .dropdown-toggle .icon-bar {
    background-color: #fff;
}

.calcite-title-main {
    font-size: 20px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .calcite-title-main {
        font-size: 15px;
        width: 100%;
    }
}

.nadpis {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    left: 65px;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.podnadpis {
    font-size: 14px;
    position: absolute;
    left: 65px;
    top: 55%;
    text-transform: unset;
    color: #fff;
}

/* DROPDOWN MENU */
.calcite-navbar .menu-toggle {
    padding: 26px 0 19px 20px;
    cursor: pointer;
}
.calcite-navbar .menu-toggle span {
    font-size: 22px;
    color: #fff;
}
.calcite-navbar .menu-toggle:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

/* MENU */
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    left: -2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    background-color: #fff;
    opacity: 1;
    border-radius: 5px;
}

#menuWidgetBox {
    display: none;
    position: absolute;
    left: 360px;
    right: 440px;
    top: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: 15px;
    -webkit-transition: left 0.4s;
    transition: left 0.4s;
    z-index: 999;
}
#menuWidgetBox .simplebar-track {
    z-index: 9999;
    cursor: pointer;
}
@media screen and (min-width: 1025px) {
    #menuWidgetBox {
        height: 57px;
        top: 15px;
    }
}

.simplebar-track.simplebar-horizontal {
    height: 14px;
}

/* modules/widgets/menu/MenuWidget */
.iprMenu {
    overflow-x: auto;
    min-width: 1560px;
    margin-bottom: 7px;
    height: 49px;
    border: none !important;
}
@media (max-width: 1024px) {
    .iprMenu {
        height: unset;
    }
}

.iprMenuBtn {
    float: left;
    display: block;
    text-align: center;
    padding: 4px 16px;
    text-decoration: none;
    font-size: 14px;
    border: none;
    outline: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.75);
    margin-right: 5px;
}

.iprMenuDropdownBtn {
    font-size: 13px;
    border: none;
    outline: none;
    padding: 3px 5px;
    font-family: inherit;
    margin: 0;
    height: 100%;
    width: 100%;
    line-height: 16px;
    border-left: solid 1px rgba(248, 248, 248, 0.75);
    background-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    cursor: pointer;
}
.iprMenuDropdownBtn::after {
    display: none;
    font-family: "default";
    font-size: 12px;
    color: #fff;
    content: "m";
    position: absolute;
    bottom: 0;
    left: 55px;
}
.iprMenuDropdownBtn.iprMenuDropdownActive {
    color: #08abec;
}
.iprMenuDropdownBtn:hover {
    color: #08abec;
}

.iprDropdownDisabled {
    color: #e30520;
}
.iprDropdownDisabled:hover {
    color: #e30520;
}

.iprMenuBtnProgressDiv {
    background-color: transparent;
    width: calc(100% - 10px);
    height: 2px;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    display: none;
}
.iprMenuBtnProgressDiv .iprMenuBtnProgressBar {
    background-color: #00b4ef;
    width: 20%;
    height: 100%;
    left: 0%;
    position: relative;
    -webkit-animation-name: progressbar;
    animation-name: progressbar;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes progressbar {
    from {
        left: -20%;
    }
    to {
        left: 100%;
    }
}

@keyframes progressbar {
    from {
        left: -20%;
    }
    to {
        left: 100%;
    }
}
.iprMenuDropdown {
    position: relative;
    float: left;
    overflow: hidden;
    height: 70%;
    width: 120px;
    color: #fff;
    cursor: pointer;
}
.iprMenuDropdown:last-child button {
    border-right: solid 1px rgba(248, 248, 248, 0.75);
}
.iprMenuDropdown .iprMenuDropdownContent {
    display: none;
    position: fixed;
    top: 49px;
    min-width: 160px;
    max-width: 350px;
    line-height: 2;
    z-index: 999;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: solid 12px rgba(0, 0, 0, 0);
    color: #141414;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn {
    position: relative;
    float: none;
    color: black;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    text-align: left;
    width: 100%;
    border-bottom: solid 1px #d2d2d2;
    background-color: #fff;
    line-height: 1.3;
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn .iprMenuBtnProgressDiv {
    width: calc(100% - 40px);
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn:hover {
    background-color: #e9e9e9;
    color: #08abec;
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn.iprMenuBtnActive {
    background-color: #e9e9e9;
    color: #08abec;
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn:disabled {
    color: #e30520;
    cursor: default;
}
.iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn:last-child {
    border-bottom: none;
}
.iprMenuDropdown:hover .iprMenuDropdownContent {
    display: block;
}
@media screen and (max-width: 1024px) {
    .iprMenuDropdown:hover .iprMenuDropdownContent {
        display: none;
    }
}

.calcite-navbar-search {
    margin: 0px;
    top: 0;
    height: 100%;
}

#searchWidgetBox {
    padding: 21px 0px 21px 0px;
    width: 324px;
    height: 100%;
    top: 0;
    font-size: 13px;
    font-family: "Avenir Next W00", "Avenir Next", Avenir;
}
@media screen and (max-width: 767px) {
    #searchWidgetBox input,
    #searchWidgetBox select {
        border: solid 1px rgba(110, 110, 110, 0.3) !important;
    }
}

#searchTypeBox {
    float: right;
    width: 100px;
    margin-left: 5px;
}
#searchTypeBox #searchTypeSelect {
    width: 100%;
    border: none;
    padding: 5px 26px 5px 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 0px;
    outline: none;
    background-image: url("../img/arrow-bottom.svg");
    background-repeat: no-repeat;
    background-position: 90% center;
}
#searchTypeBox #searchTypeSelect::-ms-expand {
    display: none;
}

/* modules/widgets/search/forms/Cadastre */
#searchCadastreFormBox {
    display: none;
    overflow: hidden;
}
#searchCadastreFormBox .iprSearchCadastre .iprSearchCadastreSelect {
    width: 100%;
    border: none;
    padding: 5px 30px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    background-image: url("../img/arrow-bottom.svg");
    background-repeat: no-repeat;
    background-position: 90% center;
}
#searchCadastreFormBox .iprSearchCadastre .iprSearchCadastreSelect::-ms-expand {
    display: none;
}

/* modules/widgets/search/forms/Parcels */
#searchParcelsFormBox {
    overflow: hidden;
    display: none;
}
#searchParcelsFormBox .iprSearchParcels .iprSearchParcelsInput {
    float: right;
    width: 80px;
    margin-left: 5px;
    padding: 5px;
    border: none;
    border-radius: 0;
    outline: none;
}
#searchParcelsFormBox .iprSearchParcels .iprSearchParcelsSelectBox {
    overflow: hidden;
}
#searchParcelsFormBox
    .iprSearchParcels
    .iprSearchParcelsSelectBox
    .iprSearchParcelsSelect {
    width: 100%;
    border: none;
    padding: 5px 30px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    appearance: none;
    background-color: #fff;
    outline: none;
    background-image: url("../img/arrow-bottom.svg");
    background-repeat: no-repeat;
    background-position: 96% center;
}
#searchParcelsFormBox
    .iprSearchParcels
    .iprSearchParcelsSelectBox
    .iprSearchParcelsSelect::-ms-expand {
    display: none;
}

/* modules/widgets/search/forms/Address */
#searchAddressFormBox {
    width: 224px;
}
#searchAddressFormBox .iprSearchAddress .iprSearchAddressInput {
    width: 95% !important;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#searchAddressFormBox .iprSearchAddress .iprSuggestDropdownDeleteBtn {
    position: absolute;
    top: 22px;
    right: 123px;
    height: 25px;
    background-color: #fff;
    border: none;
}
@media screen and (max-width: 1024px) {
    #searchAddressFormBox .iprSearchAddress .iprSuggestDropdownDeleteBtn {
        top: 15px;
        right: 133px;
    }
}
@media screen and (max-width: 767px) {
    #searchAddressFormBox .iprSearchAddress .iprSuggestDropdownDeleteBtn {
        top: 49px;
        right: 140px;
    }
}

/* modules/widgets/search/forms/Coordinates */
#searchCoordinatesFormBox {
    display: none;
    overflow: hidden;
}
#searchCoordinatesFormBox .iprSearchCoordinates .iprSearchCoordinatesInput {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* modules/widgets/search/forms/MPPLocality */
#searchMPPLocalityFormBox {
    display: none;
    overflow: hidden;
}
#searchMPPLocalityFormBox .iprSearchMPPLocality .iprSearchMPPLocalityInput {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
}

#searchMPPzmenyFormBox {
    display: none;
    overflow: hidden;
}
#searchMPPzmenyFormBox .iprSearchMPPzmeny .iprSearchMPPzmenyInput {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
}

/* modules/widgets/search/forms/BlockSHP */
#searchBlockSHPFormBox {
    display: none;
    overflow: hidden;
}
#searchBlockSHPFormBox .iprSearchBlockSHP .iprSearchBlockSHPInput {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
}

/* modules/widgets/search/forms/Archive */
#searchArchiveFormBox {
    display: none;
    overflow: hidden;
}
#searchArchiveFormBox .iprSearchArchive .iprSearchArchiveInput {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 0px;
    outline: none;
}

.iprSearchArchiveResult button {
    float: left;
    border: none;
    background-color: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.iprSearchArchiveResult button:hover {
    color: #00aff0;
}
.iprSearchArchiveResult #iprSearchArchiveFeaturesDeleteBtn {
    margin-top: 20px;
}
.iprSearchArchiveResult .iprSearchArchiveFeaturesDeleteSpan {
    margin: 10px 6px;
    float: left;
    color: red;
    width: 100%;
    font-weight: bold;
}
.iprSearchArchiveResult .iprSearchArchiveFeatureEditBtn {
    padding: 9px;
}
.iprSearchArchiveResult .iprSearchArchiveFeatureRemoveBtn {
    float: unset !important;
    display: table-cell !important;
}
.iprSearchArchiveResult #iprSearchArchiveFeaturesDeleteButtonOK,
.iprSearchArchiveResult #iprSearchArchiveFeaturesDeleteButtonCancel {
    margin-left: 10px;
    width: 60px;
}

/* modules/widgets/search/forms/MPPzmeny */
#searchMPPzmenyFormBox {
    overflow: hidden;
}
#searchMPPzmenyFormBox .iprSearchMPPzmeny .iprSearchMPPzmenyInput {
    width: 100%;
    padding: 5px;
    border: solid 1px #444;
    border-radius: 5px 0 0 5px;
    outline: none;
}

.iprSearchMPPzmenyResult {
    margin: 18px 0px;
    font-size: 15px;
    background-color: #fff;
}
.iprSearchMPPzmenyResult .iprSearchMPPzmenyFeatureRow {
    border-bottom: solid 1px #000;
}
.iprSearchMPPzmenyResult
    .iprSearchMPPzmenyFeatureRow
    .iprSearchMPPzmenyFeatureRemoveBtn {
    float: unset !important;
    display: table-cell !important;
}
.iprSearchMPPzmenyResult tr a {
    text-decoration: none;
    color: #00aff0;
}
.iprSearchMPPzmenyResult tr a:hover {
    text-decoration: underline;
}

/* modules/widgets/search/forms/MPPzmeny_kat */
#searchMPPzmeny_katFormBox {
    overflow: hidden;
    display: none;
}
#searchMPPzmeny_katFormBox .iprSearchMPPzmeny_kat .iprSearchMPPzmeny_katInput {
    width: 100%;
    padding: 5px;
    border: solid 1px #444;
    border-radius: 5px 0 0 5px;
    outline: none;
}

.iprSearchMPPzmeny_katResult {
    margin: 18px 0px;
    font-size: 15px;
    background-color: #fff;
}
.iprSearchMPPzmeny_katResult .iprSearchMPPzmeny_katFeatureRow {
    border-bottom: solid 1px #000;
}

.iprSearchCadastreResult,
.iprSearchAddressResult,
.iprSearchCoordinatesResult,
.iprSearchMPPLocalityResult,
.iprSearchBlockSHPResult,
.iprSearchArchiveResult {
    margin: 10px 0px;
    font-size: 13px;
    background-color: #fff;
}

.iprSearchCoordinatesResult {
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}

.iprSearchParcelsResult {
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    padding: 5px 12px;
    color: #141414;
}
.iprSearchParcelsResult
    .iprSearchParcelsFeatureRow
    .iprSearchParcelsFeatureHideBtn {
    background-image: url(../img/visible.png);
    background-repeat: no-repeat;
    background-position: center;
}
.iprSearchParcelsResult
    .iprSearchParcelsFeatureRow
    .iprSearchParcelsFeatureShowBtn {
    background-image: url(../img/unvisible.png);
    background-repeat: no-repeat;
    background-position: center;
}
.iprSearchParcelsResult
    .iprSearchParcelsFeatureRow
    .iprSearchParcelsFeatureRemoveBtn {
    float: right;
    margin-top: 4px;
}
.iprSearchParcelsResult td {
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}

/* modules/widgets/search/Suggest */
.iprSuggestDropdown {
    position: relative;
}

.iprSuggestDropdownContent {
    display: none;
    background-color: #fff;
    border-top: none;
    width: 100%;
    max-height: 329px;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-y: scroll;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    z-index: 99999;
}

.iprSuggestDropdownContent ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 100%;
}

.iprSuggestItem {
    width: 100%;
    font-size: 13px;
    line-height: 30px;
    padding: 2px 15px;
    margin: auto;
    font-weight: normal;
}

.iprSuggestDropdownContent li {
    border-bottom: 1px solid #d2d2d2;
    font-weight: normal;
    cursor: pointer;
    text-transform: capitalize;
}

.iprSuggestDropdownContent li:hover,
li:focus {
    color: #08abec;
    background-color: #e9e9e9;
    outline: none;
}

@media screen and (max-width: 767px) {
    .iprSuggestDropdown {
        position: absolute;
        bottom: 47px;
        width: 225px;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 999;
    }
}
#searchButton,
#fullscreen,
#languageButton {
    right: 10px;
    width: 40px;
    cursor: pointer;
    color: #fff;
}
#searchButton span,
#fullscreen span,
#languageButton span {
    position: relative;
    font-size: 18px;
    top: 27px;
    left: 10px;
}
#searchButton a,
#fullscreen a,
#languageButton a {
    padding: 25px 9px 27px;
    height: 100%;
    position: absolute;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
#searchButton a:hover,
#fullscreen a:hover,
#languageButton a:hover {
    text-decoration: none;
}
#searchButton:hover a,
#fullscreen:hover a,
#languageButton:hover a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#fullscreen:hover span,
#searchButton:hover span {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 767px) {
    .calcite-navbar {
        width: 90%;
        top: 2%;
        left: 5%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    .calcite-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: unset;
        padding: 0 25px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    }
    .calcite-dropdown {
        display: none;
    }
    #searchWidgetBox {
        width: 100% !important;
        height: 33px;
        padding: 0;
    }
    #fullscreen,
    #searchButton,
    #languageButton {
        display: none;
    }
    #menuNavDiv {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .calcite-panels-left {
        left: 15px;
    }
    #fullscreen {
        display: none;
    }
    .panel-body {
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
    .calcite-title-divider,
    .calcite-title-sub {
        display: block !important;
        overflow: unset;
    }
    .calcite-title-divider {
        margin: 0 10px;
    }
    #searchAddressFormBox {
        width: 200px;
    }
    #searchWidgetBox {
        width: 300px;
    }
    #menuPanelDiv {
        width: 100%;
        height: auto;
        min-height: auto;
    }
    #menuWidgetBox {
        position: relative;
        left: 0px !important;
        margin-right: 0px;
        padding: 6px 7px;
        background-color: #f5f5f5;
        display: block;
    }
    #menuWidgetBox .iprMenuDropdownBtn,
    #menuWidgetBox .iprMenuBtn {
        border: none;
        border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    }
    .iprMenu {
        min-width: auto;
        width: auto;
        overflow: auto;
    }
    .iprMenuBtn {
        display: block;
        width: 100%;
        margin-right: 0px;
        font-size: 19px !important;
        padding: 2px 8px;
    }
    .iprMenuDropdown {
        display: block;
        width: 100%;
        margin-right: 0px;
    }
    .iprMenuDropdown .iprMenuDropdownBtn {
        width: 100%;
        font-size: 16px !important;
        background-color: #fff;
        color: #141414;
        border-left: none;
        border: 1px solid #141414;
        margin-top: 5px;
        height: 35px;
    }
    .iprMenuDropdown .iprMenuDropdownBtn.iprMenuDropdownActive {
        background-color: #bfbfbf !important;
    }
    .iprMenuDropdown .iprMenuDropdownContent {
        width: 90%;
        left: 5%;
        position: relative;
        display: none;
        text-align: center;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        top: 0;
        border-radius: 0;
        border-top: none;
        border-bottom: none;
    }
    .iprMenuDropdown .iprMenuDropdownContent .iprMenuBtn {
        font-size: 15px !important;
        text-align: center;
    }
}
.calcite-nav-top .calcite-panels {
    top: 90px;
    left: 15px;
    display: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
}
@media screen and (max-width: 767px) {
    .calcite-nav-top .calcite-panels {
        top: unset;
    }
}

.calcite-panels.calcite-bg-light {
    background-color: rgba(0, 0, 0, 0);
    width: 360px;
}
@media screen and (max-width: 767px) {
    .calcite-panels.calcite-bg-light {
        width: 100%;
        left: 0px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
        bottom: 0;
    }
}

.panel-heading {
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 99;
}
@media screen and (max-width: 767px) {
    .panel-heading {
        background-color: #fff;
        position: absolute;
        width: 100%;
        bottom: 0px;
        z-index: 9999;
    }
}

.panel-heading-title {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    position: relative;
}
@media screen and (max-width: 767px) {
    .panel-heading-title {
        display: none;
    }
}

.calcite-panels .panel-close:hover {
    background-color: #e30520;
}

.panel-heading-title:hover {
    background-color: rgba(0, 0, 0, 0.75);
}

#contents {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    #contents {
        position: relative;
        width: 100%;
        bottom: 50px;
        z-index: 999;
    }
}

.ui-tabs-panel {
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
}

.calcite-panels.calcite-bg-light select,
.calcite-panels.calcite-bg-light textarea {
    border: unset;
}

.calcite-panels .panel-toggle span {
    color: #fff;
}

.calcite-panels .panel-label {
    width: 327px;
    padding-left: 15px;
    line-height: 33px;
}
@media screen and (max-width: 767px) {
    .calcite-panels .panel-label {
        width: 100%;
    }
}

.panel {
    background-color: unset;
}

.mobile-progress-div {
    position: absolute;
    display: none;
    width: 100%;
    height: 5px;
    bottom: -5px;
    left: 0;
    z-index: 99999999;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .mobile-progress-div {
        display: block;
    }
}
@media screen and (max-width: 726px) {
    .mobile-progress-div {
        bottom: 50px;
    }
}
.mobile-progress-div .mobile-progress-bar {
    display: none;
    height: 100%;
    width: 15%;
    left: 0%;
    position: relative;
    -webkit-animation-name: progressbar;
    animation-name: progressbar;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: #00b4ef;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

/* SIMPLEBAR */
.simplebar-scrollbar {
    width: 7px;
    right: 0;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #141414;
    opacity: 1;
    border-radius: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

#collapseSearch {
    padding: 10px 0;
    background-color: #fff;
}

.panel-menu {
    width: 100%;
    height: 36px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
}
@media screen and (max-width: 767px) {
    .panel-menu {
        height: 50px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.panel-menu .esri-icon {
    font-size: 18px;
}
.panel-menu li {
    height: 100%;
    float: left;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    color: #141414;
    flex-grow: 1;
}
.panel-menu li a {
    color: #141414;
    outline: none;
}
.panel-menu li a span {
    position: relative;
    top: -5px;
    padding-top: 15px;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .panel-menu li a span {
        top: unset;
        padding-top: 16px;
    }
}
.panel-menu li a:active {
    outline: none;
}
@media screen and (min-width: 1025px) {
    .panel-menu li a:hover {
        text-decoration: none;
        color: #08abec;
    }
}
@media screen and (max-width: 1024px) {
    .panel-menu li {
        width: 16.66%;
    }
}
@media screen and (max-width: 767px) {
    .panel-menu li {
        border: none;
        line-height: 50px;
    }
}
.panel-menu li:last-child {
    border-right: none;
}

li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    background-color: rgba(0, 0, 0, 0.75);
    border: none;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
    a {
    color: #fff;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
    a:hover {
    background-color: transparent;
    color: #fff;
}
@media screen and (max-width: 767px) {
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
        a:hover {
        color: #08abec;
    }
}
@media screen and (max-width: 767px) {
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
        a {
        color: #08abec;
    }
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 767px) {
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active:hover {
        background-color: transparent;
        color: #08abec;
    }
}
@media screen and (max-width: 767px) {
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
        background-color: transparent;
        color: #08abec;
    }
}

.panel-body a {
    color: #e30520;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .panel-body {
        max-height: 380px !important;
        padding: 15px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    #panelBasemaps .panel-body:after,
    #panelToc .panel-body:after,
    #panelMenu .panel-body:after,
    #panelLegend .panel-body:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -2px;
        left: 0;
        pointer-events: none;
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(255, 255, 255, 0)),
            color-stop(90%, rgb(255, 255, 255))
        );
        background-image: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0),
            rgb(255, 255, 255) 90%
        );
        width: 100%;
        height: 4em;
    }
    #panelSearch .panel-body {
        overflow: visible !important;
    }
}
.relatedApp {
    margin: 0 0 20px 15px;
}

.relatedApp b {
    font-size: 1.2em;
}

.relatedApp a {
    color: #e30520;
}

#iprInfo {
    padding: 7px 6px;
    background-color: #f5f5f5;
}

#urlDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#urlDiv input {
    height: 33px;
    border: 1px solid rgba(110, 110, 110, 0.3);
    width: 100%;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#urlDiv .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#urlDiv .iprInfoButton {
    background-color: #fff;
    border: 1px solid rgba(110, 110, 110, 0.3);
    border-left: none;
    font-size: 14px;
    height: 33px;
    padding: 6px 8px;
}
#urlDiv .iprInfoButton:hover {
    color: #00b4ef;
}

/* modules/widgets/basemaps/BasemapsWidget */
.esri-basemap-gallery {
    max-width: unset;
    padding: 7px 6px 0;
    background-color: #f5f5f5;
}

.esri-basemap-gallery__item-container {
    text-align: center;
    margin: 0px;
    display: block;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
@media screen and (max-width: 1024px) {
    .esri-basemap-gallery__item-container {
        padding: 0;
    }
}

.esri-basemap-gallery__item {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    color: #141414;
    cursor: pointer;
    padding: 0px;
    margin: 10px 0 5px;
    display: block;
    -webkit-animation: unset;
    animation: unset;
    -webkit-transition: unset;
    transition: unset;
    height: 129px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.esri-basemap-gallery__item:first-child {
    margin-top: 0;
}
.esri-basemap-gallery__item:hover {
    background-color: #fff;
    color: #08abec;
    border-left-color: none;
}
@media screen and (min-width: 1025px) {
    .esri-basemap-gallery__item:hover {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
}
.esri-basemap-gallery__item .esri-basemap-gallery__item-thumbnail {
    width: 90%;
    height: 75%;
    position: absolute;
    bottom: 5%;
    left: 5%;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
    -o-object-fit: unset;
    object-fit: unset;
}
.esri-basemap-gallery__item .esri-basemap-gallery__item-title {
    padding: 3px 0 0 0;
    top: 0;
    color: unset;
}
.esri-basemap-gallery__item .esri-basemap-gallery__item-title:hover {
    color: unset;
}

.esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover
    .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus
    .esri-basemap-gallery__item-title {
    color: unset;
    background-color: unset;
}

.esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title {
    color: unset;
}

.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-basemap-gallery__item--selected,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
    background-color: #000;
    color: #08abec;
    border-left-color: #141414;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.esri-basemap-gallery__item--selected {
    background-color: #000;
    color: #08abec;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.8);
}

/* modules/widgets/toc/TocWidget */
.esri-layer-list__item-container {
    padding: 7px 0px 7px 20px;
}
.esri-layer-list__item-container span {
    padding-top: 2px;
}
.esri-layer-list__item-container .esri-layer-list__item-title {
    padding-top: 5px;
}

.esri-layer-list__item {
    margin: 0;
}

.esri-layer-list__item-actions-menu-item:first-of-type {
    margin: -7px 0;
}
.esri-layer-list__item-actions-menu-item:first-of-type:hover {
    background-color: #e9e9e9;
}

.esri-layer-list__item-actions-menu-item--active,
.esri-layer-list__item-actions-menu-item--active:hover {
    background-color: #e9e9e9;
}

.esri-layer-list__item-actions-menu-item {
    margin: -7px 0;
    height: 39px;
    width: 39px;
}
.esri-layer-list__item-actions-menu-item span {
    padding-top: 0;
}

.esri-layer-list__item-actions-menu-item:focus,
.esri-layer-list__item-label:focus,
.esri-layer-list__child-toggle:focus {
    outline: none;
}

.esri-layer-list__item-actions-menu > div:nth-child(2):hover {
    background-color: #fa0526;
    color: #fff;
}

#tocWidgetBox,
#legendWidgetBox {
    padding: 7px 6px;
    background-color: #f5f5f5;
    overflow-y: auto;
}

.iprTocItems {
    padding: 0 0 5px 12px;
}
.iprTocItems .iprTocItem {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}
.iprTocItems .iprTocItem td:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprTocItems .iprTocItem td span {
    margin-right: 15px;
    display: inline-block;
}
.iprTocItems .iprTocItem td span.esri-icon-down-arrow,
.iprTocItems .iprTocItem td span.esri-icon-up-arrow {
    font-size: 13px;
    float: right;
    margin-right: 0;
}
.iprTocItems .iprTocItem td .iprTocItemIcon {
    margin-right: 0;
    padding-right: 7px;
}
.iprTocItems .iprTocItem:hover {
    color: #00b4ef;
}
.iprTocItems .iprTocItemDisabled {
    opacity: 0.3;
    cursor: default;
}

.iprTocSubitem {
    cursor: pointer;
    display: block;
}
.iprTocSubitem td {
    padding-left: 5px;
    font-size: 12px;
}
.iprTocSubitem td span {
    padding-left: 3px;
}
.iprTocSubitem:hover {
    background-color: #e9e9e9;
}

/* modules/widgets/accordeonMenu/AccordionMenuWidget */
.iprAccordionMenuItem {
    background-color: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    position: relative;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    top: 0;
    bottom: 0;
}

.iprAccordionMenuItemProgressDiv {
    background-color: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    overflow: hidden;
    display: block;
}
.iprAccordionMenuItemProgressDiv .iprAccordionMenuItemProgressBar {
    background-color: #00b4ef;
    width: 20%;
    height: 100%;
    left: 0%;
    position: relative;
    -webkit-animation-name: progressbar;
    animation-name: progressbar;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes progressbar {
    from {
        left: -20%;
    }
    to {
        left: 100%;
    }
}
.iprAccordionMenuItemCollapseBtn {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    padding: 7px 8px;
    text-align: left;
    outline: none;
    font-size: 15px;
    overflow: hidden;
    min-height: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprAccordionMenuItemCollapseBtn:hover {
    color: #00b4ef;
}
.iprAccordionMenuItemCollapseBtn span {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.iprAccordionMenuItemCollapseBtn span:before {
    color: #141414;
}
.iprAccordionMenuItemCollapseBtn .iprAccordionMenuItemTitle {
    padding-left: 8px;
    line-height: 18px;
}

.iprAccordionMenuItemAnnotationBtn {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    border: none;
    text-align: center;
    outline: none;
    font-size: 14px;
    width: 39px;
    height: 39px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprAccordionMenuItemAnnotationBtn:hover {
    color: #00b4ef;
}

.iprAccordionMenuItemDeleteBtn {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    border: none;
    text-align: center;
    outline: none;
    font-size: 14px;
    width: 39px;
    height: 39px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprAccordionMenuItemDeleteBtn:hover {
    background-color: #fa0526;
    color: #fff;
}

.iprAccordionMenuItemContent {
    font-size: 13px !important;
    background-color: white;
    overflow: hidden;
    font-size: 0.8em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.iprAccordionMenuItemContent .annotation {
    padding: 10px;
    color: #bcbcbb;
    font-family: "UnitPro";
    opacity: 100;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden;
}
.iprAccordionMenuItemContent .annotation.hidden {
    opacity: 0;
    visibility: hidden;
}

/* modules/widgets/window/WindowWidget */
.iprWindow {
    display: none;
}
.iprWindow .iprWindowHeader .iprWindowCollapseBtn {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px 16px;
    text-align: left;
    outline: none;
    font-size: 14px;
    overflow: hidden;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprWindow .iprWindowHeader .iprWindowCollapseBtn .iprWindowTitle {
    padding-left: 8px;
}
@media screen and (max-width: 767px) {
    .iprWindow .iprWindowHeader .iprWindowCollapseBtn {
        border-radius: 0;
    }
}
.iprWindow .iprWindowHeader .iprWindowCloseBtn {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px 16px;
    text-align: center;
    outline: none;
    font-size: 13px;
    width: 33px;
    height: 33px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprWindow .iprWindowHeader .iprWindowCloseBtn:hover {
    background-color: #fa0526;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .iprWindow .iprWindowHeader .iprWindowCloseBtn {
        border-radius: 0;
    }
}
.iprWindow .iprWindowContent {
    padding: 0 0 0 15px;
    overflow: hidden;
    font-size: 0.8em;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.iprWindow .iprWindowContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.iprWindow .iprWindowContent div {
    font-size: 14px;
    line-height: 30px;
    padding: 1px 5px;
    margin: auto;
    font-weight: normal;
}
.iprWindow .iprWindowContent table {
    width: 100%;
}

#windowBox {
    -webkit-box-shadow: 2px 2px 6px #8c8c8c;
    box-shadow: 2px 2px 6px #8c8c8c;
}
#windowBox .iprWindowContent {
    background-color: white;
    max-height: 300px;
    overflow-y: auto;
}
@media screen and (max-width: 767px) {
    #windowBox .iprWindowContent {
        border-radius: 0;
        max-height: 105px;
    }
}

/* modules/widgets/measure/MeasureWidget */
.iprMeasure {
    padding: 7px 6px;
    background-color: #f5f5f5;
    width: 100%;
}
.iprMeasure .iprMeasureButtons button {
    width: 33%;
}

.iprMeasureButton {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    padding: 0px 10px;
    outline: none;
    font-size: 15px;
    overflow: hidden;
    height: 33px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.iprMeasureButton:hover {
    color: #08abec;
}

.iprMeasureButtonActive {
    color: #08abec;
}

.iprMeasureTooltip {
    display: none;
    padding: 10px 5px 0px;
    font-weight: bold;
}

.iprMeasureResultWindowBox {
    margin-top: 10px;
    padding: 10px 5px 0px;
    font-weight: bold;
    display: none;
}

.iprMeasureResultContent {
    margin: 18px 0px;
    font-size: 15px;
}

/* modules/widgets/legend/LegendWidget */
.iprLegend {
    margin-top: 10px;
    margin-bottom: 18px;
}
.iprLegend .iprLegendItems,
.iprLegend .iprLegendItemImage {
    margin-left: 10px;
}

.iprLegendContent {
    padding: 0px 18px;
    background-color: white;
    overflow: hidden;
    font-size: 0.8em;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.iprLegendSubtitle {
    font-weight: bold;
}

.iprLegendSubtitle td {
    padding: 10px 10px 5px 10px;
}

.iprLegendItem {
    line-height: 1;
}
.iprLegendItem td {
    padding: 0;
}

.iprLegendItem td:first-child {
    text-align: center;
}

.iprLegendItemImage {
    text-align: left;
}
.iprLegendItemImage img {
    max-width: 300px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

.iprLegendItem td:nth-child(2) {
    padding-left: 10px;
}

.esri-slider__thumb,
.esri-slider__thumb:hover,
.esri-slider__anchor--moving:focus .esri-slider__thumb {
    border-color: #00b4ef;
}

/* modules/widgets/print/printWidget */
.iprPrint {
    padding: 7px 6px;
    background-color: #f5f5f5;
}

.iprPrintSelectBox {
    border: 1px solid rgba(110, 110, 110, 0.3);
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.iprPrintSelect {
    outline: none;
    border: none;
    padding: 0px 26px 0px 7px;
    height: 26px;
    border-radius: 0;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/arrow-bottom_opacity.svg");
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: #fff;
    width: 100%;
}

.iprPrintSelect::-ms-expand {
    display: none;
}

.iprPrintTextInput {
    width: 100%;
    height: 28px;
    padding-left: 10px;
    border: 1px solid black;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.iprPrintRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.iprPrintLabelCol {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.iprPrintInputCol {
    float: left;
    width: 75%;
    margin-top: 6px;
}
.iprPrintInputCol .iprPrintTextInput {
    border: 1px solid rgba(110, 110, 110, 0.3);
}

.iprPrintLabel {
    display: inline-block;
    font-size: 13px;
    padding: 5px 0 5px 6px;
    margin-bottom: 0;
}

.iprPrintSubmitBtn {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    margin-top: 20px;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    outline: none;
    font-size: 15px;
    overflow: hidden;
    height: 33px;
    line-height: 34px;
    width: 100%;
    position: relative;
}
.iprPrintSubmitBtn:hover {
    color: #08abec;
}

.iprPrintSubmitBtn .iprProgressIndicator {
    padding: 0;
    background-color: inherit;
    font-weight: inherit;
    height: inherit;
    color: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.iprPrintSubmitBtn .iprProgressIndicatorIcon {
    width: 20px;
    height: 20px;
}

/* modules/widgets/scaleSelect/ScaleSelectWidget */
.iprScaleSelectBox {
    display: inline-block;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
}

.iprScaleSelect {
    outline: none;
    border: none;
    padding: 0px 26px 0px 7px;
    height: 24px;
    border-radius: 0;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/arrow-bottom.svg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 96% center;
}

.iprScaleSelect::-ms-expand {
    display: none;
}

/* modules/widgets/edit/Edit */
.iprEdit {
    padding: 10px 6px;
}

.iprEditButton {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    padding: 0px 16px;
    outline: none;
    font-size: 15px;
    overflow: hidden;
    height: 33px;
    width: 140px;
}
.iprEditButton:hover {
    color: #08abec;
}

.iprEditButtonActive {
    color: #08abec;
}

.iprEditStartBtn {
    width: 100%;
}

.iprEditSelects {
    margin-bottom: 20px;
}

.iprEditGroup {
    margin-top: 20px;
}

.iprEditSelectBox {
    border: 1px solid rgba(110, 110, 110, 0.3);
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.iprEditSelect {
    outline: none;
    border: none;
    padding: 0px 26px 0px 7px;
    height: 26px;
    border-radius: 0;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/arrow-bottom_opacity.svg");
    background-repeat: no-repeat;
    background-position: 96% center;
    width: 100%;
}

.iprEditActiveFeature {
    margin-top: 10px;
    cursor: pointer;
}
.iprEditActiveFeature td {
    padding: 0 5px;
}

.iprEditButtons {
    display: none;
}

.iprEditRedoBtn,
#iprEditFormDeleteBtn,
#iprEditFormCancelBtn,
.iprEditFieldInput {
    float: right;
}

.iprEditBtnDisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.3;
}

.iprEditResultWindowBox {
    margin-top: 18px;
}
.iprEditResultWindowBox .iprWindowHeader .iprWindowCollapseBtn {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
}
.iprEditResultWindowBox .iprWindowHeader .iprWindowCollapseBtn span {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.iprEditResultWindowBox .iprWindowHeader .iprWindowCollapseBtn:hover {
    color: #00b4ef;
}
.iprEditResultWindowBox .iprWindowHeader .iprWindowCloseBtn {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    -webkit-transition: none;
    transition: none;
}
.iprEditResultWindowBox .iprWindowHeader .iprWindowCloseBtn:hover {
    background-color: #fa0526;
    color: #fff;
}

.iprEditResultWindowBox .iprWindowContent {
    background-color: transparent;
    padding: 0;
}
.iprEditResultWindowBox .iprWindowContent table > tr:hover {
    color: #141414;
}

.iprEditResultContent {
    padding: unset !important;
}
.iprEditResultContent textarea {
    resize: vertical;
    min-height: 36px;
    border: 1px solid rgba(110, 110, 110, 0.3) !important;
}
.iprEditResultContent table {
    width: 100%;
}
.iprEditResultContent table .iprEditRequired {
    border: solid 1px red !important;
}
.iprEditResultContent table td:nth-child(1) {
    width: 35%;
}
.iprEditResultContent table td:nth-child(2) {
    width: 65%;
}
.iprEditResultContent table input {
    border: 1px solid rgba(110, 110, 110, 0.3);
}

#iprEditFormTableAttrs {
    margin: 5px 0;
}

.iprEditFormButton {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    border-bottom: solid 1px rgba(110, 110, 110, 0.3);
    padding: 1px 16px;
    height: 37px;
    width: 133px;
    line-height: 15px;
}
.iprEditFormButton:hover {
    color: #00b4ef;
}

#iprEditFormCancelBtn {
    margin-top: 5px;
}

.iprEditFieldInput {
    outline: none;
    border: solid 1px #444444;
    height: 33px;
    padding-left: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.iprEditFieldSelect,
.iprEditFieldInputText {
    border: 1px solid rgba(110, 110, 110, 0.3) !important;
    margin-left: 10px;
}

.iprEditFieldSelect {
    background-image: url(../img/arrow-bottom.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
}

.iprEditFieldInputText {
    resize: vertical;
    min-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}

.iprEditCopyButton {
    margin-top: 20px;
    width: 100%;
}

/* Clear floats after the columns */
.iprPrintRow:after {
    content: "";
    display: table;
    clear: both;
}

.iprPrintArea {
    border: 5px solid #00b4ef;
    background-color: rgba(0, 180, 239, 0.3);
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}

.iprMultiPrintToolContent {
    margin: 10px 10px 0 10px;
}

.iprMultiPrintItemsDiv {
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    margin-top: 10px;
}

.iprMultiPrintToolBtn {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    margin-top: 20px;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    outline: none;
    overflow: hidden;
    height: 33px;
    line-height: 34px;
    width: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.iprMultiPrintToolBtn img {
    height: 28px;
    padding-right: 5px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.iprMultiPrintToolBtn:hover {
    color: #08abec;
}

.iprMultiPrintArea {
    border: 5px solid #00b4ef;
    background-color: rgba(0, 180, 239, 0.3);
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}

.esri-ui-manual-container .esri-swipe {
    z-index: 0;
}
.esri-ui-manual-container .esri-swipe .esri-swipe__container {
    outline: none;
    -webkit-user-select: none; /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}

#swipeWidgetBox {
    padding: 7px 6px;
    background-color: #f5f5f5;
}

.iprSwipeTool .iprSwipeToolContent {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
}
.iprSwipeTool .iprSwipeToolButtons {
    height: 35px;
    width: 100%;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
}
.iprSwipeTool .iprSwipeToolBtn {
    background-color: #fff;
    color: #141414;
    border: none;
    cursor: pointer;
    padding: 0px 16px;
    outline: none;
    font-size: 15px;
    height: 100%;
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.iprSwipeTool .iprSwipeToolBtn:hover {
    color: #08abec;
}
.iprSwipeTool .iprSwipeToolBtn[disabled] {
    cursor: default;
    opacity: 0.5;
}
.iprSwipeTool .iprSwipeToolBtn[disabled]:hover {
    color: #141414;
}
.iprSwipeTool .start {
    float: right;
}
.iprSwipeTool .iprSwipeToolAppliedLayers {
    display: none;
}
.iprSwipeTool span {
    font-size: 14px;
}
.iprSwipeTool .iprSwipeItemsDiv {
    overflow-y: auto;
    max-height: 200px;
    padding: 10px;
}
.iprSwipeTool .iprSwipeItem {
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.iprSwipeTool .iprSwipeItem:hover {
    background-color: #f4f4f4;
}
.iprSwipeTool .iprSwipeItem td {
    padding: 0px 10px 0px 0px;
}
.iprSwipeTool .iprSwipeItem td span {
    display: inline-block;
    font-size: 18px;
}

/*modules/widgets/edit/DrawWidget*/
.iprDraw {
    padding: 10px 6px;
}
.iprDraw .pickr {
    width: 100%;
    margin-bottom: 10px;
}
.iprDraw .pickr .pcr-button {
    width: 100%;
}
.iprDraw .iprDrawButtonsTable {
    width: 100%;
}
.iprDraw .iprDrawTypeBtn {
    width: 20%;
    height: 33px;
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    padding: 6px 3px;
    outline: none;
    font-size: 12px;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    border-right: 1px solid rgba(110, 110, 110, 0.3);
}
.iprDraw .iprDrawTypeBtn:last-child {
    border-right: none;
}
.iprDraw .iprDrawTypeBtn:hover {
    color: #08abec;
}
.iprDraw input {
    width: 100%;
    margin: 10px 0;
    height: 33px;
    padding: 0 10px;
    font-size: 14px;
    border: 1px solid rgba(110, 110, 110, 0.3);
}
.iprDraw .iprDrawDeleteBtn {
    width: 50%;
    height: 33px;
    background-color: #fff;
    color: #141414;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    cursor: pointer;
}
.iprDraw .iprDrawDeleteBtn:first-child {
    border-right: 1px solid rgba(110, 110, 110, 0.3);
}
.iprDraw .iprDrawDeleteBtn:hover {
    color: #08abec;
}

#editAccordion {
    background-color: #f4f4f4;
    padding: 6px 7px;
    color: #000;
}
#editAccordion .card {
    font-size: 15px;
    background-color: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    padding: 7px 8px;
    color: #000;
    cursor: pointer;
}
#editAccordion .card .icon-collapse {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
#editAccordion .card:hover {
    color: #08abec;
}
#editAccordion .card-body {
    height: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: auto;
}

/*modules/widgets/import/ImportWidget*/
#importWidgetBox .iprImport {
    background-color: #f5f5f5;
}
#importWidgetBox .iprImport .iprImportTable {
    width: 100%;
    position: relative;
    padding: 10px;
}
#importWidgetBox .iprImport .iprImportTable input {
    width: 244px;
    padding-left: 10px;
    outline: none;
    border: 1px solid #b1b1b1;
    height: 26px;
}
#importWidgetBox .iprImport .iprImportTable button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    border: 1px solid #b1b1b1;
    height: 26px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}
#importWidgetBox .iprImport input#fileInput {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    height: 23px;
    width: 311px;
    outline: none;
}
#importWidgetBox .iprImport .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
#importWidgetBox .iprImport .custom-file-input::before {
    content: "Vybrat soubor";
    border: 1px solid #b1b1b1;
    padding: 4px;
    cursor: pointer;
    color: #000;
    outline: none;
}
#importWidgetBox .iprImport .napoveda {
    display: block;
    padding: 10px;
    float: right;
    color: #000;
}
#importWidgetBox .iprImport .napoveda:hover {
    color: #00b4ef;
}
#importWidgetBox .iprImportResult {
    width: 100%;
}
#importWidgetBox .iprImportResult .iprFeatureRowLayer td:first-child {
    width: 307px;
}
#importWidgetBox .iprImportResult .iprFeatureRowLayer td:last-child {
    float: right;
    padding-top: 5px;
    cursor: pointer;
}

/* modules/widgets/accordeonMenu/AccordionMenuWidget  Geojson*/
.iprAccordionMenuGeojsonItem {
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    position: relative;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    top: 0;
    bottom: 0;
}

.iprAccordionMenuGeojsonItemProgressDiv {
    background-color: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    overflow: hidden;
    display: block;
}
.iprAccordionMenuGeojsonItemProgressDiv
    .iprAccordionMenuGeojsonItemProgressBar {
    background-color: #00b4ef;
    width: 20%;
    height: 100%;
    left: 0%;
    position: relative;
    -webkit-animation-name: progressbar;
    animation-name: progressbar;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes progressbar {
    from {
        left: -20%;
    }
    to {
        left: 100%;
    }
}
.iprAccordionMenuGeojsonItemCollapseBtn {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    padding: 7px 8px;
    text-align: left;
    outline: none;
    font-size: 15px;
    overflow: hidden;
    height: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprAccordionMenuGeojsonItemCollapseBtn:hover {
    color: #00b4ef;
}
.iprAccordionMenuGeojsonItemCollapseBtn span {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.iprAccordionMenuGeojsonItemCollapseBtn span:before {
    color: #141414;
}
.iprAccordionMenuGeojsonItemCollapseBtn .iprAccordionMenuGeojsonItemTitle {
    padding-left: 8px;
    line-height: 18px;
}

.iprAccordionMenuGeojsonItemDeleteBtn {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    border: none;
    text-align: center;
    outline: none;
    font-size: 14px;
    width: 39px;
    height: 39px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iprAccordionMenuGeojsonItemDeleteBtn:hover {
    background-color: #fa0526;
    color: #fff;
}

.iprAccordionMenuGeojsonItemContent {
    font-size: 13px !important;
    background-color: white;
    overflow: hidden;
    font-size: 0.8em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iprTocItems td:last-child {
    padding-left: 7px;
}

.esri-ui-bottom-right.esri-ui-corner {
    display: none;
}

#napovedaButton {
    right: 10px;
    width: 25px;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    #napovedaButton {
        display: none;
    }
}
#napovedaButton span {
    padding: 25px 9px 27px;
    height: 100%;
    position: absolute;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

#napovedaButtonInfo {
    cursor: pointer;
}

#napoveda {
    height: 100%;
    display: none;
}
#napoveda header {
    position: absolute;
    left: 390px;
    right: 20px;
    top: 90px;
    z-index: 9999 !important;
}
@media screen and (max-width: 767px) {
    #napoveda header {
        left: 35px;
        right: 35px;
    }
}
#napoveda header .panel-heading-title-napoveda {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    position: relative;
    line-height: 33px;
}
#napoveda header .panel-heading-title-napoveda .panel-title-napoveda {
    height: 33px;
    font-size: 14px;
    font-weight: 400;
}
#napoveda
    header
    .panel-heading-title-napoveda
    .panel-title-napoveda
    .panel-label-napoveda {
    padding-left: 15px;
}
#napoveda
    header
    .panel-heading-title-napoveda
    .panel-title-napoveda
    .panel-close-napoveda {
    width: 33px;
    height: 33px;
    position: absolute;
    font-size: 13px;
    text-decoration: none;
    right: 0px;
    cursor: pointer;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center;
}
#napoveda
    header
    .panel-heading-title-napoveda
    .panel-title-napoveda
    .panel-close-napoveda
    .esri-icon.esri-icon-close {
    font-size: 13px;
}
#napoveda
    header
    .panel-heading-title-napoveda
    .panel-title-napoveda
    .panel-close-napoveda:hover {
    background-color: #fa0526;
}
#napoveda .embed-responsive {
    position: absolute;
    left: 390px;
    right: 20px;
    top: 123px;
    bottom: 20px;
    height: auto;
    background-color: #333;
    z-index: 9999 !important;
}
@media screen and (max-width: 767px) {
    #napoveda .embed-responsive {
        left: 35px;
        right: 35px;
        bottom: 70px;
    }
}
#napoveda .embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel-help {
    width: 17px;
    height: 33px;
    position: absolute;
    font-size: 13px;
    text-decoration: none;
    padding-top: 8px;
    right: 33px;
    cursor: pointer;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center;
}
.panel-help:hover {
    background-color: #fa0526;
    opacity: 0.75;
}

/* modules/Warning */
#warningBox {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.iprWarning {
    position: relative;
    top: 35%;
    margin: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: #fff;
    text-align: center;
    padding: 30px 45px;
    font-size: 20px;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
}
.iprWarning .iprWarningText {
    margin-bottom: 20px;
    line-height: 1.2;
}
.iprWarning img {
    width: 200px;
    margin-bottom: 20px;
}
.iprWarning .iprWarningButton {
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    background-color: #fff;
    padding: 5px 25px;
    cursor: pointer;
}
.iprWarning .iprWarningButton:hover {
    color: #00b4ef;
}

/* modules/widgets/progressIndicator/ProgressIndicator */
#initialOverlay {
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    overflow: hidden;
    background-image: url("../img/background_ipr.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

#warningIE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 45%;
    position: relative;
    text-align: center;
}

.iprProgressIndicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999999;
    background-color: #fff;
    width: 200px;
    height: 55px;
    font-size: 15px;
    -webkit-box-shadow: 0 0 20px 20px #fff;
    box-shadow: 0 0 20px 20px #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.iprProgressIndicator img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 60px;
}

.iprProgressIndicatorMessage {
    margin-left: 10px;
}

#searchTabletDiv {
    position: absolute;
    top: 90px;
    right: 15px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px 2px 6px #8c8c8c;
    box-shadow: 2px 2px 6px #8c8c8c;
    padding-left: 10px;
    border-radius: 7px;
}

#faultReportBtn {
    position: absolute;
    top: 90px;
    right: 15px;
    height: 35px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    border: none;
    z-index: 1;
    padding: 7px 28px;
    font-size: 13px;
    cursor: pointer;
}
#faultReportBtn:hover {
    color: #00b4ef;
}
@media screen and (max-width: 1024px) {
    #faultReportBtn {
        display: none;
    }
}

#swipeToolBtn {
    position: absolute;
    top: 90px;
    right: 15px;
    width: 150px;
    height: 35px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #000;
    z-index: 1;
    padding: 6px;
    font-size: 14px;
    cursor: pointer;
}
#swipeToolBtn:hover {
    background-color: #e9e9e9;
    color: #00b4ef;
}
@media screen and (max-width: 1024px) {
    #swipeToolBtn {
        top: unset;
        bottom: 60px;
    }
}
@media screen and (max-width: 767px) {
    #swipeToolBtn {
        display: none;
    }
}

/* modules/widgets/window/WindowWidget */
#windowBox {
    position: absolute;
    top: 90px;
    right: 15px;
    z-index: 2;
    min-width: 300px;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
}
#windowBox .iprWindow {
    display: none;
}
#windowBox .iprWindow .iprWindowHeader {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    position: relative;
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCollapseBtn {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px 16px;
    text-align: left;
    outline: none;
    font-size: 14px;
    overflow: hidden;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCollapseBtn span {
    font-size: 13px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCollapseBtn .iprWindowTitle {
    padding-left: 8px;
}
@media screen and (max-width: 767px) {
    #windowBox .iprWindow .iprWindowHeader .iprWindowCollapseBtn {
        border-radius: 0;
    }
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCloseBtn {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px 16px;
    text-align: center;
    outline: none;
    width: 33px;
    height: 33px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: none;
    transition: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCloseBtn span {
    font-size: 13px;
}
#windowBox .iprWindow .iprWindowHeader .iprWindowCloseBtn:hover {
    background-color: #fa0526;
    color: #fff;
}
@media screen and (max-width: 767px) {
    #windowBox .iprWindow .iprWindowHeader .iprWindowCloseBtn {
        border-radius: 0;
    }
}
#windowBox .iprWindow .iprWindowContent {
    padding: 0 0 0 15px;
    overflow: hidden;
    font-size: 0.8em;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    background-color: white;
    max-height: 300px;
    overflow-y: auto;
}
@media screen and (max-width: 767px) {
    #windowBox .iprWindow .iprWindowContent {
        border-radius: 0;
        max-height: 140px;
    }
}
#windowBox .iprWindow .iprWindowContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#windowBox .iprWindow .iprWindowContent div {
    font-size: 14px;
    line-height: 30px;
    padding: 1px 5px;
    margin: 10px auto;
    font-weight: normal;
}
#windowBox .iprWindow .iprWindowContent table {
    width: 100%;
}
#windowBox .iprWindow .iprWindowContent table tr {
    cursor: pointer;
    font-size: 13px;
}
#windowBox .iprWindow .iprWindowContent table tr:hover {
    color: #00b4ef;
}
#windowBox .iprWindow .iprWindowContent table tr td span {
    font-size: 12px;
}
#windowBox .iprWindow .iprWindowContent table tr td:last-child {
    float: right;
    width: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px;
}
@media screen and (max-width: 767px) {
    #windowBox .iprWindow .iprWindowContent table tr td:last-child {
        padding: 20px 9px;
        margin: 0;
    }
}

#widgetButtons {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 6px #8c8c8c;
    box-shadow: 2px 2px 6px #8c8c8c;
}

.widgetButton {
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #ababab;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.widgetButton:hover {
    background-color: #eeeeee;
}

.widgetButtonActive {
    background-color: #ccc;
}

.widgetButtonActive:hover {
    background-color: #b3b3b3;
}

#mapViewOverlay {
    display: none;
    top: 70px;
    z-index: 3;
    bottom: 0;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

#homeButton {
    position: absolute;
    bottom: 170px;
    left: 15px;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 9px;
    cursor: pointer;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
}
#homeButton:hover {
    color: #00b4ef;
}
#homeButton span {
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    #homeButton {
        display: none;
    }
}

#scaleSelectBox {
    position: absolute;
    left: 15px;
    bottom: 60px;
    z-index: 2;
    font-size: 15px;
}
@media screen and (max-width: 1024px) {
    #scaleSelectBox {
        display: none;
    }
}

.esri-scale-bar__label-container--line {
    right: 5px;
    left: unset;
}

#copyright {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #000000;
    z-index: 2;
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 7px;
    font-weight: bold;
}
@media screen and (max-width: 1024px) {
    #copyright {
        right: 80px;
        bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    #copyright {
        display: none;
    }
}

#IPRLogo {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 2;
}
#IPRLogo img {
    height: 35px;
}

.north_arrow {
    position: absolute;
    z-index: 2;
    top: 100px;
    right: -185px; /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
@media screen and (max-width: 1024px) {
    .north_arrow {
        top: 95px;
    }
}
@media screen and (max-width: 1024px) {
    .north_arrow {
        display: none;
    }
}

#faultReportBox {
    position: absolute;
    width: 350px;
    top: 90px;
    right: 15px;
    outline: none;
    display: none;
    z-index: 999;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
}

.iprFaultReporting .iprFaultReportingHeader {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    height: 33px;
    padding: 0px 0 5px 5px;
}
.iprFaultReporting .iprFaultReportingHeader .iprFaultReportingHeaderTxt {
    font-size: 14px;
    line-height: 21px;
    padding: 6px 10px;
    float: left;
    width: 120px;
}
.iprFaultReporting .iprFaultReportingHeader .iprWindowCloseBtn {
    width: 33px;
    height: 33px;
    padding: 9px 9px 0;
    float: right;
    cursor: pointer;
}
.iprFaultReporting .iprFaultReportingHeader .iprWindowCloseBtn:hover {
    background-color: #fa0526;
}
.iprFaultReporting .iprFaultReportingContent {
    width: 100%;
    padding: 10px;
    background-color: #fff;
}
.iprFaultReporting .iprFaultReportingContent form {
    background-color: #f5f5f5;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingButtons {
    width: 100%;
    padding: 10px;
}
.iprFaultReporting .iprFaultReportingContent #iprFaultReportingTextArea {
    width: 310px;
    padding: 5px 10px;
    margin: 0 10px 10px;
    resize: none;
    height: 100px;
    border: 1px solid rgba(110, 110, 110, 0.3);
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingGroup {
    width: 100%;
    font-size: 14px;
    margin: 0 10px 10px 10px;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingGroup input {
    width: 310px;
    padding: 5px 10px;
    border: 1px solid rgba(110, 110, 110, 0.3);
    margin-top: 5px;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingBtn {
    background-color: #fff;
    color: #141414;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    padding: 0px 16px;
    outline: none;
    font-size: 15px;
    height: 33px;
    width: 50%;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingBtn:hover {
    color: #08abec;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingBtn.Delete {
    float: right;
}
.iprFaultReporting .iprFaultReportingContent .iprFaultReportingBtn.Submit {
    margin: 10px;
    width: 310px;
}

#multiParcelSearchBox {
    position: absolute;
    width: 520px;
    top: 90px;
    right: 15px;
    outline: none;
    margin: auto;
    display: none;
    z-index: 10000;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px #8c8c8c;
    box-shadow: 0 2px 6px #8c8c8c;
}
#multiParcelSearchBox .iprSearchMultiParcelsBtn {
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px 16px;
    text-align: left;
    outline: none;
    font-size: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    width: 28px;
    height: 28px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#multiParcelSearchBox .iprWindowCollapseBtn {
    color: #fff;
    width: 28px;
    margin-left: 48px;
    float: left;
    padding: 0 10px;
    height: 28px;
    background-color: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
#multiParcelSearchBox .iprWindowCloseBtn {
    color: #fff;
    width: 28px;
    height: 28px;
    background-color: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    cursor: pointer;
}
#multiParcelSearchBox .iprSearchMultiParcels .iprSearchMultiParcelsHeader {
    background-color: rgba(0, 0, 0, 0.75);
    height: 33px;
    padding: 4px 0 2px 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    position: relative;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent {
    max-height: 165px;
    overflow: auto;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult {
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    color: #141414;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow
    .iprSearchMultiParcelsFeatureAttrs {
    width: 460px;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow
    .iprSearchMultiParcelsFeatureHideBtn {
    background-image: url(../img/visible.png);
    background-repeat: no-repeat;
    background-position: center;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow
    .iprSearchMultiParcelsFeatureShowBtn {
    background-image: url(../img/unvisible.png);
    background-repeat: no-repeat;
    background-position: center;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow
    .iprSearchMultiParcelsFeatureRemoveBtn {
    float: right;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow
    .iprSearchMultiParcelsFeatureRemoveBtn
    span {
    vertical-align: middle;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    .iprSearchMultiParcelsFeatureRow:hover {
    color: #00aff0;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsInputContent
    .iprSearchMultiParcelsResult
    td {
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}
#multiParcelSearchBox .iprSearchMultiParcels .iprSearchMultiParcelsInput {
    width: 30%;
    float: left;
    right: 20%;
    height: 27px;
    margin-left: 10px;
    padding: 5px;
    border: solid 1px #444;
}
#multiParcelSearchBox .iprSearchMultiParcels .iprSearchMultiParcelsSelectBox {
    overflow: hidden;
    width: 40%;
    float: left;
    height: 27px;
    font-size: 13px;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsSelectBox
    .iprSearchMultiParcelsSelect {
    width: 100%;
    border: solid 1px #444;
    padding: 4px 30px 3px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/arrow-bottom.svg");
    background-repeat: no-repeat;
    background-position: 96% center;
}
#multiParcelSearchBox
    .iprSearchMultiParcels
    .iprSearchMultiParcelsSelectBox
    .iprSearchMultiParcelsSelect::-ms-expand {
    display: none;
}

#multiParcelSearchBtn {
    position: absolute;
    right: 15px;
    top: 90px;
    width: 130px;
    height: 33px;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    z-index: 1;
    cursor: pointer;
}
#multiParcelSearchBtn:hover {
    color: #08abec;
}
@media screen and (max-width: 1024px) {
    #multiParcelSearchBtn {
        display: none;
    }
}

/* ESRI */
.esriControlsBR {
    display: none;
}

.esriMapTooltip {
    background-color: #fff;
    padding: 3px 7px;
    border: solid 1px #141414;
    border-radius: 5px;
}

#mapViewDiv:active,
#mapViewDiv:focus,
.calcite-map:focus,
.calcite-map:active,
.esri-view .esri-view-surface--inset-outline:focus::after {
    outline: none;
}

.calcite-maps :not(.panel-body) > .esri-widget.esri-widget--button {
    width: 32px;
    height: 32px;
    cursor: unset;
}

.esri-component.esri-zoom.esri-widget {
    position: absolute;
    left: 0;
    bottom: 64px;
    width: 32px;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
}
.esri-component.esri-zoom.esri-widget .esri-interactive {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .esri-component.esri-zoom.esri-widget {
        display: none;
    }
}

.esri-widget--button:active,
.esri-widget--button:focus {
    background-color: #fff;
    outline: none;
}

.esri-widget--button:hover {
    background-color: #fff;
    color: #00b4ef;
}

@media screen and (max-width: 767px) {
    .esri-ui-inner-container {
        bottom: 50px !important;
    }
}

.esri-ui {
    z-index: unset;
}

.esri-locate,
.esri-compass {
    width: 50px !important;
    height: 50px !important;
    border-radius: 25px;
    padding-top: 1px;
    padding-left: 1px;
}
.esri-locate span,
.esri-compass span {
    font-size: 20px !important;
}

.esri-scale-bar {
    position: relative;
    /* bottom: 30px; */
}

.esri-compass {
    display: none;
}

.esri-ui .esri-attribution {
    padding: 0 15px;
    right: unset;
}

.esri-popup--is-docked-top-right .esri-popup__main-container {
    top: 110px;
}

[class*="esri-popup--is-docked-top-"].esri-popup--is-docked
    .esri-popup__feature-menu {
    top: -40px;
}

.esri-view-width-xsmall
    .esri-popup--is-docked-bottom-center
    .esri-popup__main-container {
    bottom: unset;
    top: 0;
}

.esri-popup__main-container {
    background-color: #fff;
}
@media screen and (max-width: 1024px) {
    .esri-popup__main-container {
        background-color: transparent;
    }
}

.esri-popup__header {
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    color: #fff;
    height: 33px;
    top: -33px;
}
@media screen and (max-width: 1024px) {
    .esri-popup__header {
        -webkit-box-shadow: none;
        box-shadow: none;
        top: unset;
    }
}
.esri-popup__header .esri-popup__header-title {
    padding: 8px 7px;
    margin: 0px auto 0px 7px;
}
.esri-popup__header .esri-popup__header-title:hover {
    background-color: transparent;
}
.esri-popup__header .esri-popup__header-buttons {
    padding: 0;
}
.esri-popup__header .esri-popup__button {
    padding: 11px 7px 6px;
    color: #fff;
    margin: 0;
    border: none;
}
.esri-popup__header .esri-popup__button:hover {
    background-color: transparent;
    color: #00b4ef;
}
.esri-popup__header div.esri-popup__header-buttons > div:nth-child(1):hover {
    background-color: #e30520;
    color: #fff;
}

.esri-popup__navigation {
    background-color: #fff;
}
.esri-popup__navigation .esri-popup--feature-menu-open {
    color: #00b4ef;
}

.esri-popup__button {
    -webkit-transition: none;
    transition: none;
    outline: none;
}
.esri-popup__button:hover,
.esri-popup__button:focus {
    background-color: transparent;
    color: #00b4ef;
}

.esri-popup__content {
    margin: 0;
    padding: 0 10px;
    background-color: #fff;
    top: -18px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .esri-popup__content {
        top: unset;
    }
}
.esri-popup__content a {
    color: #e30520;
}

.esri-popup__footer {
    background-color: #fff;
}

.esri-popup__feature-menu {
    background-color: unset;
}
.esri-popup__feature-menu .esri-popup__feature-menu-header {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 0px 0px 0px 13px;
    color: #fff;
    line-height: 33px;
}
.esri-popup__feature-menu .esri-popup__feature-menu-header div {
    position: relative;
    float: right;
    padding: 10px;
    margin: 0;
    border: none;
    color: #fff;
}
.esri-popup__feature-menu .esri-popup__feature-menu-header div span {
    width: 13px;
    height: 13px;
    font-size: 13px;
}
.esri-popup__feature-menu .esri-popup__feature-menu-header div:hover {
    background-color: #e30520;
}
.esri-popup__feature-menu .esri-popup__feature-menu-viewport {
    background-color: #fff;
}
.esri-popup__feature-menu
    .esri-popup__feature-menu-viewport
    .esri-popup__feature-menu-title {
    padding: 8px 15px;
}
.esri-popup__feature-menu
    .esri-popup__feature-menu-viewport
    .esri-popup__feature-menu-item--selected {
    background-color: #fff;
    color: #00b4ef;
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-button {
    background-color: #fff;
    color: #00b4ef;
}

.esri-popup__feature-menu-item:hover {
    background-color: #fff;
    color: #00b4ef;
}

.esri-popup__feature-menu-item:focus {
    background-color: #fff;
    color: #6e6e6e;
}

.esri-view-width-xsmall
    .esri-popup--is-docked-bottom-center
    .esri-popup__main-container {
    padding: 0;
}

.esri-feature__main-container .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.esri-feature__main-container .table caption {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
}
.esri-feature__main-container .table th {
    text-align: left;
    padding: 8px;
    line-height: 1.2;
    font-size: 13px;
}
.esri-feature__main-container .table td {
    padding: 8px;
    line-height: 1.2;
    font-size: 13px;
}

.esri-feature__main-container .table-bordered {
    border: 1px solid #ddd;
}
.esri-feature__main-container .table-bordered td,
.esri-feature__main-container .table-bordered th {
    border: 1px solid #ddd;
}

#mapViewDiv_zoom_slider {
    bottom: 80px;
    left: 15px;
    border: solid 1px #141414;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #141414;
    z-index: 1 !important;
}
#mapViewDiv_zoom_slider div {
    -webkit-transition: none;
    transition: none;
}
#mapViewDiv_zoom_slider div:hover,
#mapViewDiv_zoom_slider div:active,
#mapViewDiv_zoom_slider div:focus {
    background-color: #e9e9e9;
    color: #141414;
}

.esri-popup__feature-menu-item-div .title-to-hide {
    display: inline-block;
}

@media screen and (max-width: 1024px) {
    .esri-popup__feature-menu {
        display: none;
    }
    .esri-popup--feature-menu-open .esri-popup__header,
    .esri-popup--feature-menu-open .esri-popup__content {
        opacity: 1;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        overflow: hidden;
    }
}
@media screen and (max-width: 767px) {
    #windowBox {
        top: 0;
        width: 100%;
        left: 0;
    }
    .esriPopup .esriPopupWrapper .contentPane {
        font-size: 12px;
        max-height: 80px;
        padding-bottom: 0;
    }
    .esriPopup {
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0;
    }
    #pPrint {
        display: none;
    }
}
input[type="range"] {
    -webkit-appearance: none;
    position: relative;
    margin: 10px 0;
    width: 90%;
    left: 5%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#eee),
        to(#333)
    );
    background: linear-gradient(to right, #eee, #333);
}

input[type="range"]::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border: 2px solid #00b4ef;
    border-radius: 16px;
    background-color: #fff;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-appearance: none;
    margin-top: -6px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
input[type="range"]::-webkit-slider-thumb:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#eee),
        to(#333)
    );
    background: linear-gradient(to right, #eee, #333);
}

input[type="range"]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: linear-gradient(to right, #eee, #333);
}

input[type="range"]::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border: 2px solid #00b4ef;
    border-radius: 16px;
    background-color: #fff;
    cursor: grab;
}

input[type="range"]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 10px 0;
    color: transparent;
}

input[type="range"]::-ms-fill-lower {
    background: #888;
}

input[type="range"]::-ms-fill-upper {
    background: #888;
}

input[type="range"]::-ms-thumb {
    height: 16px;
    width: 16px;
    border: 2px solid #00b4ef;
    border-radius: 16px;
    background-color: #fff;
    cursor: grab;
}

input[type="range"]:focus::-ms-fill-lower {
    background: #888;
}

input[type="range"]:focus::-ms-fill-upper {
    background: #888;
}

input[type="range"]::-ms-tooltip {
    display: none;
}